<template>
    <div style="height: 100%;background: white;padding-bottom: 50px;overflow: hidden;">
        <!--隐私设置-->
        <navbar :title="$t('privacy_agreement_summary')"></navbar>
        <iframe :src="url" class="content"  frameborder="0" scrolling="auto"></iframe>
    </div>
</template>

<script>
export default {
    name: 'PrivacyAgreement',
    data() {
        return {
            url: this.appUrl ? this.appUrl + '/download/protocol.html' : '/download/protocol.html'
        };
    },
    mounted() {
        this.AddTimertamp();
    },
    methods: {
        AddTimertamp() {
            var timertamp = new Date().getTime();
            this.url = this.url + '?t=' + timertamp.toString();
        }
    }
};
</script>

<style scoped lang="less">
    .agreement{
        overflow: auto;
        margin-top: 60px;
        height: 100vh;
        padding: 20px;
        width: calc( 100% - 40px);
        div{
            text-indent: 20px;
            line-height: 20px;
        }
    }
    .agreement-title{
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        margin: 15px 0;
    }
    .blodF{
        font-weight: 600;
    }
    .agreement-bold{
        font-weight: 700;
        text-indent: 0px!important;
    }
    .content{
    width: 100%;
    padding: 0px !important;
    margin-top: 56px;
    }
</style>
